/**
 * Created by oiuyt on 2018/7/18.
 */
import React, { Component } from 'react';
import axios from 'axios';
class Test7 extends Component {
/*
    调用super的原因：在ES6中，在子类的constructor中必须先调用super才能引用this
    super(props)的目的：在constructor中可以使用this.props
    */
    constructor(props) {
        super(props);
        console.log(this.props)
        console.log(props)
        console.log("组件初始化")
    }
    //data部分
    state = {
        btnName: "点击我激活ajax请求！"
    }
    //初始化挂载
    componentDidMount() {
        console.log("挂在的时候载入")
        //this.getJsonData()
    }
    getJsonData = () => {
        this.setState({btnName: "我已经点击过来"})
        axios.get("./test.json")
            .then(function (response) {
                console.log(response)

            })
            .catch(function (error) {
                console.log(error);
            })
    }

    render() {
        return (
            <div>
               axios请求实例实现方法
                <br/>
                <div onClick={this.getJsonData}>{this.state.btnName}</div>
            </div>
        )
    }
}

export default Test7
